
.search-ctrl-wrap {
    position: relative;
    .special-search-area {
        position: relative;
        background: #f3f3f3;
        padding: 5px 20px 0 20px;
        border-top: 1px solid #e6e6e6;
    }

    .tpl-search-area {
        background: #f3f3f3;
        padding: 0px 20px 10px 20px;
        display: flex;
        align-items: center;

        .label {
            color: #999999;
            padding-right: 13px;
        }

        .search-area-contant-margin {
            padding-top: 0 !important; //平台样式覆盖-高级查询模板上边距
        }
    }

    .tile-wrap {
        display: flex;
        flex-wrap: wrap;

        .filter-wrap {
            font-size: 13px;
            padding-bottom: 5px;
            display: flex;
            align-items: center;
            height: 35px;

            .label {
                color: #999999;
                padding-right: 13px;
                word-break: keep-all;
                line-height: 22px;
            }

            .values-wrap {
                display: flex;
                flex-wrap: wrap;
                cursor: pointer;
                color: #292e35;
                //height: 22px;  //展开，收起时添加
                //overflow: hidden;
                line-height: 22px;

                .value {
                    padding: 0 10px;
                    word-break: keep-all;
                }
                .active {
                    color: red
                }
            }
        }
    }

    .fold-wrap {
        display: flex;
        align-items: center;
        flex-wrap: wrap;

        .filter-wrap {
            width: 20%;
            display: flex;
            align-items: center;
            padding-bottom: 5px;
            margin-right: 20px;
            height: 35px;
            box-sizing: content-box;
            .label {
                word-break: keep-all;
                margin-right: 6px;
                color: #999999;
            }
        }
    }

    .fuzzyquery {
        min-width: 200px;

    }

    .custom-condition {
        margin-right: 20px;
    }

    .SSCTimeRangePicker {
        width: 210px;
        .date-picker-mask {
            font-size: 13px;
            top: -1px;
        }
    }
}
.search-ctrl-wrap.hide,.tpl-search-area.hide {
    display: none;
}

